<!-- Copyright © 2025 Hardcore Engineering Inc. -->
<!-- -->
<!-- Licensed under the Eclipse Public License, Version 2.0 (the "License"); -->
<!-- you may not use this file except in compliance with the License. You may -->
<!-- obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0 -->
<!-- -->
<!-- Unless required by applicable law or agreed to in writing, software -->
<!-- distributed under the License is distributed on an "AS IS" BASIS, -->
<!-- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -->
<!-- -->
<!-- See the License for the specific language governing permissions and -->
<!-- limitations under the License. -->

<script lang="ts">
  import cardPlugin, { Card, MasterTag } from '@hcengineering/card'
  import { Component } from '@hcengineering/ui'
  import { CardType } from '@hcengineering/communication-types'
  import { getClient } from '@hcengineering/presentation'

  export let card: Card | undefined = undefined
  export let type: CardType

  const client = getClient()
  const hierarchy = client.getHierarchy()

  $: clazz = hierarchy.findClass(type) as MasterTag | undefined
</script>

{#if card}
  <Component is={cardPlugin.component.CardTagsColored} props={{ value: card }} showLoading={false} />
{:else if clazz}
  <Component
    is={cardPlugin.component.CardTagColored}
    props={{ labelIntl: clazz.label, color: clazz.background }}
    showLoading={false}
  />
{/if}
